﻿<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no, maximum-scale=1.0" />
    <title>信息查询</title>
    <link rel="stylesheet" type="text/css" href="/css/common.css" />
    <link rel="stylesheet" type="text/css" href="/css/index.css" />
</head>

<body class="bg_f5">
    <div class="container">
        <div class="header">
            <div class="headbg">
                <a href="/page/enterprise.html" class="return"></a>
            </div>
            <p>点评</p>
        </div>
        <main>
            <div class="company">
                <div class="company-img">
                    <img src="/image/bg2.png">
                </div>
                <span id="EnterpriseName"></span>
                <!--福建优仕信息科技有限公司-->
            </div>
            <div class="comment">
                <div class="comment-star">
                    企业满意度
                    <div class="content">
                        <input type="radio" name="Type" value="3" />好评
                        <input type="radio" name="Type" value="2" />中评
                        <input type="radio" name="Type" value="1" />差评
                    </div>

                </div>
                <div class="comment-mark">
                    <textarea id="Content" placeholder="说说哪里满意，哪里不满意哦"></textarea>
                </div>
            </div>
            <div class="am-form-group w-95">
                <button type="submit" class="am-btn am-btn-block am-btn-primary" onclick="EnterpriseCommentAdd()">确认提交</button>
            </div>
        </main>
</body>

</html>

<script type="text/javascript" src="/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="/lib/layer/2.1/layer.js"></script>
<script type="text/javascript" src="/lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript" src="/lib/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="/static/h-ui/js/H-ui.js"></script>
<script type="text/javascript" src="/static/h-ui.admin/js/H-ui.admin.js"></script>
<script src="/static/usi/core.js"></script>
<script src="/static/usi/tools.js"></script>
<script src="/js/startScore.js"></script>
<script>
    var unid;
    window.onload = function () {
        unid = jQuery.usi.core.getURLParam("Unid");
        $("#EnterpriseName").html(unescape(jQuery.usi.core.getURLParam("Name")));
    }
    function EnterpriseCommentAdd() {
        if (jQuery.usi.core.isNullOrEmpty($("input:radio[name='Type']:checked").val())) {
            layer.alert("满意度未选择");
            return;
        }
        var obj = {
            Enterprise: { Unid: unid, Name: $("#EnterpriseName").html() },
            Type: $("input:radio[name='Type']:checked").val(),
            TypeName: $("input:radio[name='Type']:checked").text(),
            Content: $("#Content").val()
        };
        jQuery.usi.core.post(ip + api + "/EnterpriseCommentAdd", { "": jQuery.toJSON(obj) }, false, function (data) {
            if (data.success) {
                alert("提交成功");
                window.location.href = "/page/enterprise.html";
            }
        }, function (resultdata) {
            layer.alert("提交失败");
        });
    }
</script>
<style>
    .bg_f5 {
        background: #f5f5f5;
    }

    .company {
        background: #fff;
        padding: 10px;
        margin: 10px 0px;
        line-height: 40px;
        overflow: hidden;
        font-size: 1rem;
    }

    .company-img {
        width: 40px;
        height: 40px;
        float: left;
        margin-right: 10px;
    }

        .company-img img {
            width: 100%;
            height: 100%;
        }

    .comment {
        padding: 10px;
        background: #fff;
        font-size: 1rem;
    }

        .comment p:first-child {
            font-size: 1rem;
            border-bottom: 1px dashed #f5f5f5;
            padding-bottom: 5px;
        }

            .comment p:first-child span {
                font-size: 0.8rem;
                color: #c0c0c0;
            }

    .comment-star {
        font-size: 1rem;
        margin: 15px 0px 10px;
    }

    .title {
        font-size: 14px;
        background: #dfdfdf;
        padding: 10px;
        margin-bottom: 10px;
    }


    .star_list {
        height: 21px;
        margin: 50px;
        line-height: 21px;
    }


    .comment-mark ul {
        margin: 10px 0px;
    }

        .comment-mark ul li {
            color: #9a9a9a;
            margin-bottom: 10px;
            border: 1px solid #e8e8e8;
            padding: 5px 10px;
            display: inline-block;
            border-radius: 5px;
            font-size: 0.8rem;
        }

            .comment-mark ul li.on {
                border: 1px solid #548fff !important;
                color: #548fff !important;
            }

    .comment-mark textarea {
        border: 1px solid #e8e8e8;
        width: 100%;
        text-indent: 1rem;
        color: #9a9a9a;
        padding-top: 10px;
        min-height: 120px;
    }

    .w-95 {
        width: 95%;
        margin: 25px auto 10px;
    }



    /* 重置文本格式元素 */
    a {
        text-decoration: none;
        cursor: pointer;
        color: #333333;
        font-size: 14px;
    }

        a:hover {
            text-decoration: none;
        }

    .clearfix::after {
        display: block;
        content: '';
        height: 0;
        overflow: hidden;
        clear: both;
    }
    /*星星样式*/
    .content {
        margin: 0 auto;
        padding-top: 10px;
    }

    .title {
        font-size: 14px;
        background: #dfdfdf;
        padding: 10px;
        margin-bottom: 10px;
    }

    .block {
        width: 100%;
        margin: 0 0 20px 0;
        padding-top: 10px;
        line-height: 21px;
    }

        .block .star_score {
            float: left;
        }

    .star_list {
        height: 21px;
        margin: 50px;
        line-height: 21px;
    }

    .block p, .block .attitude {
        font-size: 0.8rem;
        padding-left: 20px;
        line-height: 21px;
        display: inline-block;
    }

        .block p span {
            color: #C00;
            font-size: 16px;
            font-family: Georgia, "Times New Roman", Times, serif;
        }

    .star_score {
        background: url(/image/stark2.png);
        width: 160px;
        height: 21px;
        position: relative;
    }

        .star_score a {
            height: 21px;
            display: block;
            text-indent: -999em;
            position: absolute;
            left: 0;
        }

            .star_score a:hover {
                background: url(/image/stars2.png);
                left: 0;
            }

            .star_score a.clibg {
                background: url(/image/stars2.png);
                left: 0;
            }

    #starttwo .star_score {
        background: url(/image/starky.png);
    }

        #starttwo .star_score a:hover {
            background: url(/image/starsy.png);
            left: 0;
        }

        #starttwo .star_score a.clibg {
            background: url(/image/starsy.png);
            left: 0;
        }
    /*星星样式*/
    .show_number {
        padding-left: 50px;
        padding-top: 20px;
    }

        .show_number li {
            width: 240px;
            border: 1px solid #ccc;
            padding: 10px;
            margin-right: 5px;
            margin-bottom: 20px;
        }

    .atar_Show {
        background: url(/image/stark2.png);
        width: 160px;
        height: 21px;
        position: relative;
        float: left;
    }

        .atar_Show p {
            background: url(/image/stars2.png);
            left: 0;
            height: 21px;
        }
</style>